<div id="page-deal">
    <div data-step="step1">
        <header class="inahoo-vam">
            <a href="#detail/${info._id}">
                <img src="img/icon_back_gray.png">
            </a>
            <a href="http://www.wenshendaka.com" class="download">
                <img src="img/download.png">
            </a>
        </header>
        <div style="height:45px"></div>
        <div class="info">
            <img src="${info.images[0]}?imageView/1/w/100/h/100">
            <div>
                <h4>${info.title}</h4>

                <p>(剩余库存${info.inventoryNum}台)</p>
                <b>￥ ${info.price}</b>
            </div>

        </div>
        <div class="row inahoo-vam h24px">
            <div class="input">
                <input type="hidden" data-type="buyNum" placeholder="数量" maxlength="2" value="0">
                <button data-click="reduceNum" class="numControl">-</button>
                <span data-deplux-num>0</span>
                <button data-click="addNum" class="numControl">+</button>
            </div>
            <div class="label">购买数量</div>
        </div>
        <div class="row inahoo-vam h24px">
            <div class="input">包邮</div>
            <div class="label">配送方式</div>
        </div>
        <div style="height:8px"></div>
        <div class="form">
            <div class="row inahoo-vam h24px">
                <input type="text" data-type="name" placeholder="收货人姓名" maxlength="10">
            </div>
            <div class="row inahoo-vam h24px">
                <button data-click="sendCaptcha">发送验证码</button>
                <input type="tel" data-type="tel" placeholder="手机号" maxlength="11">
            </div>
            <div class="row inahoo-vam h24px">
                <input type="tel" data-type="captcha" placeholder="验证码" maxlength="6">
            </div>
            <div class="row inahoo-vam">
                <textarea data-type="address" placeholder="收货地址" maxlength="70"></textarea>
            </div>
        </div>
        <div style="height: 45px"></div>
        <footer>
            合计：<b data-deplux-price>￥ 0</b>
            <button data-click="chooseCannel">确认</button>
        </footer>
    </div>

    <div data-step="step2">
        <header class="inahoo-vam">
            <button data-click="back">
                <img src="img/icon_back_gray.png">
            </button>
        </header>
        <div style="height:45px"></div>
        <div class="info inahoo-vam">
            <img src="${info.images[0]}?imageView/1/w/100/h/100">

            <div>
                <h4>${info.title}</h4>

                <p>(剩余库存${info.inventoryNum}台)</p>
                <b>￥ ${info.price}</b>
            </div>
        </div>
        <div class="row inahoo-vam h24px">
            <div class="label">实付金额</div>
            <span class="price" data-deplux-price>￥ 0</span>
        </div>
        <div class="row inahoo-vam h24px">
            <div class="label">购买数量</div>
            <div class="buynum" data-deplux-num>0</div>
        </div>
        <div style="height:8px"></div>
        {@if !config.isWX}
        <div class="row inahoo-vam">
            <div class="label inahoo-vam"><img src="img/alipay.png"></div>
            <div class="payChannel">支付宝支付</div>
            <div class="radio">
                <input type="radio" name="channel" value="alipay_wap">
            </div>
        </div>
        {@/if}
        {@if config.isWX}
        <div class="row inahoo-vam">
            <div class="label inahoo-vam"><img src="img/wxpay.png"></div>
            <div class="payChannel">微信支付</div>
            <div class="radio">
                <input type="radio" name="channel" value="wx_pub">
            </div>
        </div>
        {@/if}
        <footer>
            <button data-click="creatOrder">去支付</button>
        </footer>
    </div>

</div>